<!--心理问答-->
<template>
  <div class="container">
    <div class="xd-LearningHome-NoticeCenter">
      <el-container class="xd-el-container">
        <el-main class="xd-el-main">
          <router-view></router-view>
        </el-main>
        <el-aside class="xd-el-aside" width="18vw">
          <el-card class="box-card m_t_b_1vw" shadow="hover">
            <div slot="header">
              <div class="tag">热门问答</div> 
            </div>
            <div
              v-for="(item, index) in topNoticeList"
              :key="'top' + index"
              class="aside-list-item"
              @click="goNewsDetail(item.questionId)"
            >
              {{ "· " + item.questionTitle }}
              <div style="font-size: 14px; color: #a5a0a0">
                {{ item.createUserName }} 提问于 {{ item.questionTime }}
              </div>
            </div>
          </el-card>
        </el-aside>
      </el-container>
    </div> 
  </div>
</template>
<script>
export default {
  name: "CinziqaoFaq",
  data() {
    return {
      topNoticeList: [],
      
      themeTypeList: [
        {
          dictValue: "",
          dictLabel: "全部类别",
        },
        // {
        //   dictValue: "1",
        //   dictLabel: "原生家庭",
        // },
        // {
        //   dictValue: "2",
        //   dictLabel: "强许",
        // },
        // {
        //   dictValue: "3",
        //   dictLabel: "抑郁",
        // },
        // {
        //   dictValue: "4",
        //   dictLabel: "心理咨询",
        // },
        // {
        //   dictValue: "5",
        //   dictLabel: "自卑",
        // },
        // {
        //   dictValue: "6",
        //   dictLabel: "分手",
        // },
        // {
        //   dictValue: "7",
        //   dictLabel: "恋爱",
        // },
        // {
        //   dictValue: "8",
        //   dictLabel: "失眠",
        // },
      ],
    };
  },
  methods: { 
    fetchNoticeList() {
      utils.post("/psychic/psychicQuestion/listHot", {}, (res) => {
        if (res.success) {
          this.topNoticeList = res.data.rows;
        }
      });
    },
    goNewsDetail(id) {
      this.$router.push({
        path: "/Cinziqao/Faq/Detail",
        query: { id: id, activeMenu: "/Cinziqao/Faq" },
      });
    }, 
  },
  created() {
    this.$store.commit("updateActiveMenu", "/Cinziqao/Faq"); 
    this.fetchNoticeList();
  },
};
</script>
<style>
.aside-list-item {
  cursor: pointer;
  padding: 5px 0;
}
</style>
